<?php if (!defined('EMLOG_ROOT')) {
	exit('error!');
} ?>
<?php if (isset($_GET['activated'])): ?>
    <div class="alert alert-success">保存成功</div><?php endif; ?>
<h1 class="h3 mb-4 text-gray-800">边栏管理</h1>
<div class="card shadow mb-4 mt-2">
    <div class="card-body">
        <div class="row">
            <div class="col-lg-6" id="adm_widget_list">
                <div class="accordion" id="accordionExample">
                    <div class="card" id="blogger">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link widget-title" type="button" data-toggle="collapse" data-target="#bloggerForm" aria-expanded="true"
                                        aria-controls="blogger">
                                    个人资料
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="bloggerForm" class="collapse show" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=blogger" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['blogger']; ?>"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="calendar">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#calendarForm" aria-expanded="false"
                                        aria-controls="collapseTwo">日历
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="calendarForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=calendar" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['calendar']; ?>"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="tag">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#tagForm" aria-expanded="false"
                                        aria-controls="collapseThree">标签
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="tagForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=tag" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['tag']; ?>"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="sort">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#sortForm" aria-expanded="false"
                                        aria-controls="collapseThree">分类
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="sortForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=sort" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['sort']; ?>"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="archive">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#archiveForm" aria-expanded="false"
                                        aria-controls="collapseThree">存档
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="archiveForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=archive" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['archive']; ?>"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="newcomm">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#newcommFrom" aria-expanded="false"
                                        aria-controls="collapseThree">最新评论
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="newcommFrom" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=newcomm" method="post">
                                    <label>标题</label>
                                    <li><input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['newcomm']; ?>"/></li>
                                    <label>最新评论数</label>
                                    <li><input class="form-control" maxlength="5" size="10" value="<?php echo Option::get('index_comnum'); ?>" name="index_comnum"/></li>
                                    <label>新近评论截取字节数</label>
                                    <li>
                                        <input class="form-control" maxlength="5" size="10" value="<?php echo Option::get('comment_subnum'); ?>" name="comment_subnum"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="newlog">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#newlogForm" aria-expanded="false"
                                        aria-controls="collapseThree">最新文章
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="newlogForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=newlog" method="post">
                                    <li>标题</li>
                                    <li><input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['newlog']; ?>"/></li>
                                    <li>显示最新文章数</li>
                                    <li>
                                        <input class="form-control" maxlength="5" size="10" value="<?php echo Option::get('index_newlognum'); ?>" name="index_newlog"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="hotlog">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#hotlogForm" aria-expanded="false"
                                        aria-controls="collapseThree">热门文章
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="hotlogForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=hotlog" method="post">
                                    <li>标题</li>
                                    <li><input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['hotlog']; ?>"/></li>
                                    <li>显示热门文章数</li>
                                    <li>
                                        <input class="form-control" maxlength="5" size="10" value="<?php echo Option::get('index_hotlognum'); ?>" name="index_hotlognum"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="link">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#linkForm" aria-expanded="false"
                                        aria-controls="collapseThree">链接
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="linkForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=link" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" class="form-control" value="<?php echo $customWgTitle['link']; ?>"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="search">
                        <div class="card-header">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed widget-title" type="button" data-toggle="collapse" data-target="#searchForm" aria-expanded="false"
                                        aria-controls="collapseThree">搜索
                                </button>
                                <li class="widget-act-add"></li>
                                <li class="widget-act-del"></li>
                            </h2>
                        </div>
                        <div id="searchForm" class="collapse" data-parent="#accordionExample">
                            <div class="card-body">
                                <form action="widgets.php?action=setwg&wg=search" method="post" class="form-inline">
                                    <li>
                                        <input type="text" name="title" value="<?php echo $customWgTitle['search']; ?>" class="form-control"/>
                                        <input type="submit" name="" value="保存" class="btn btn-success btn-sm"/>
                                    </li>
                                </form>
                            </div>
                        </div>
                    </div>
					<?php
					foreach ($custom_widget as $key => $val):
						preg_match("/^custom_wg_(\d+)/", $key, $matches);
						$custom_wg_title = empty($val['title']) ? '未命名组件(' . $matches[1] . ')' : $val['title'];
						?>
                        <div class="card" id="<?php echo $key; ?>">
                            <div class="card-header">
                                <h2 class="mb-0">
                                    <button class="btn btn-link widget-title" type="button" data-toggle="collapse" data-target="#<?php echo $key; ?>Form" aria-expanded="true"
                                            aria-controls="collapseOne"><?php echo $custom_wg_title; ?>
                                    </button>
                                    <li class="widget-act-add"></li>
                                    <li class="widget-act-del"></li>
                                </h2>
                            </div>
                            <div id="<?php echo $key; ?>Form" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                                <div class="card-body">
                                    <form action="widgets.php?action=setwg&wg=custom_text" method="post">
                                        <li>
                                            <input type="hidden" name="custom_wg_id" value="<?php echo $key; ?>"/>
                                            <input type="text" name="title" class="form-control" value="<?php echo $val['title']; ?>"/><br/>
                                        </li>
                                        <li><textarea class="form-control" name="content" style="overflow:auto; height:260px;"><?php echo $val['content']; ?></textarea><br/></li>
                                        <li>
                                            <input type="submit" class="btn btn-sm btn-success" name="" value="保存"/>
                                            <a class="btn btn-sm btn-danger" href="widgets.php?action=setwg&wg=custom_text&rmwg=<?php echo $key; ?>">删除</a>
                                        </li>
                                    </form>
                                </div>
                            </div>
                        </div>
					<?php endforeach; ?>
                </div>
                <div class="my-3">
                    <a href="#" class="btn btn-sm btn-success shadow-sm" data-toggle="modal" data-target="#addModal"><i class="icofont-plus"></i> 添加组件</a>
                </div>

                <!--添加自定义组件-->
                <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">添加组件</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form action="widgets.php?action=setwg&wg=custom_text" method="post">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <label for="sortname">组件名</label>
                                        <input class="form-control" id="new_title" name="new_title" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="alias">内容 （支持html）</label>
                                        <textarea name="new_content" class="form-control" rows="10" required></textarea>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                                    <button type="submit" class="btn btn-sm btn-success">保存</button>
                                    <span id="alias_msg_hook"></span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <h1 class="h3 mb-4 text-gray-800">已添加的组件</h1>
                <form action="widgets.php?action=compages" method="post">
                    <div id="sortable" class="adm_widget_box">
						<?php
						foreach ($widgets as $widget):
							$flg = strpos($widget, 'custom_wg_') === 0;                                                         //是否为自定义组件
							$title = ($flg && isset($custom_widget[$widget]['title'])) ? $custom_widget[$widget]['title'] : ''; //获取自定义组件标题
							if ($flg && empty($title)) {
								preg_match("/^custom_wg_(\d+)/", $widget, $matches);
								$title = '未命名组件(' . $matches[1] . ')';
							}
							?>
                            <div class="card m-1 active_widget" style="cursor: move" id="em_<?php echo $widget; ?>">
                                <div class="card-header">
                                    <div class="mb-0">
                                        <h6>
											<?php if ($flg) {
												echo $title;
											} else {
												echo $widgetTitle[$widget];
											} ?>
                                        </h6>
                                        <input type="hidden" name="widgets[]" value="<?php echo $widget; ?>"/>
                                    </div>
                                </div>
                            </div>
						<?php endforeach; ?>
                    </div>
                    <div class="my-3">
                        <input type="submit" value="保存组件排序" class="btn btn-sm btn-success"/>
                        <a href="javascript:em_confirm(0, 'reset_widget', '<?php echo LoginAuth::genToken(); ?>');" class="btn btn-sm btn-warning">重置组件</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    setTimeout(hideActived, 2600);

    $("#menu_category_view").addClass('active');
    $("#menu_view").addClass('show');
    $("#menu_widget").addClass('active');

    $(document).ready(function () {
        var widgets = $(".active_widget").map(function () {
            return $(this).attr("id");
        });
        $.each(widgets, function (i, widget_id) {
            var widget_id = widget_id.substring(3);
            $("#" + widget_id + " .widget-act-add").hide();
            $("#" + widget_id + " .widget-act-del").show();
        });

        //添加组件
        $("#adm_widget_list .widget-act-add").click(function () {
            var title = $(this).prevAll(".widget-title").html();
            var widget_id = $(this).parent().parent().parent().attr("id");
            var widget_element = "<div class=\"card m-1\" id=\"em_" + widget_id + "\">";
            widget_element += "<div class=\"card-header\"><div class=\"mb-0\">";
            widget_element += "<h6>" + title + "</h6>";
            widget_element += "<input type=\"hidden\" name=\"widgets[]\" value=\"" + widget_id + "\" />";
            widget_element += "</div></div>";
            widget_element += "</div>";
            // console.log("The title %s, id: s%", title, widget_id);
            $(".adm_widget_box").append(widget_element);
            $(this).hide();
            $(this).next(".widget-act-del").show();
        });
        //删除组件
        $("#adm_widget_list .widget-act-del").click(function () {
            var widget_id = $(this).parent().parent().parent().attr("id");
            $(".adm_widget_box #em_" + widget_id).remove();
            $(this).hide();
            $(this).prev(".widget-act-add").show();
        });

        //拖动
        $("#sortable").sortable();
        $("#sortable").disableSelection();
    });
</script>
